<script>
	import { getUserData} from '@/api/token.js';
	export default {
		globalData: {
				user:null
			},
		
		onLaunch: function() {
			let _this=this;
					 console.log("小程序 生效 -----",this.globalData.user);
					if (this.globalData && this.globalData.user === null) {
						
						
						//获取缓存
						console.log("不存在数据，读取缓存");
						getUserData().then((res)=>{
							 console.log("获取成功",res);	 
							 _this.globalData.user=res.data
								
						})
						.catch((err)=>{
							 console.log("获取失败",err);
							
						})
					}  
				
			console.warn('当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上！')
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	
	/*每个页面公共css */
	@import '@/uni_modules/uni-scss/index.scss';
	/* #ifndef APP-NVUE */
	@import '@/static/customicons.css';
	// 设置整个项目的背景色
	page {
		background-color: #fff;
	}

	/* #endif */
	.example-info {
		font-size: 14px;
		color: #333;
		padding: 10px;
	}
	// 整体背景色 以及 背景图片
	.common {
		height: 300rpx;
		width: 750rpx;
		background-color: #3284fc ;
		// background: linear-gradient(to left, );
		// background-color: #fff;
		// background-color: transparent;
		// background-color: #f7f7f7;
		background-image: url("@/pacakgeBase/static/bc.png");
		background-size: 0rpx 0rpx;
		background-repeat: no-repeat;
		/* 防止背景图片重复 */
	}
	.imp{
			background-color: transparent !important;
			background-size: 750rpx 300rpx;
	}
	//  放置主要内容的容器  设置统一边距   
	.common>.main{
		padding: 1rpx 25rpx 7vh 25rpx;
		display: flex;
		flex-direction: column;
		row-gap: 20rpx;
		height: 80vh;
		overflow: scroll;

	
	}
	::v-deep  .uni-navbar{
		height: 8vh;
	}
	
	::v-deep .uni-searchbar{
		padding: 0rpx;
		
	}
	// .common>.main>* {
	// 	background-color: #fff;
	// 	padding: 30rpx;
	// 	border-radius: 30rpx;
	// }
	//  各部分 内容 边距 圆角  
	.common>.main>view {
		padding: 5rpx 20rpx;
		border-radius: 30rpx;
		// background-color: #fff;
	}
	
	.more{
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
		column-gap: 10rpx;
		position: absolute;
		width: 100rpx;
		
	}
	.more>.arrow{
		border: 5rpx solid #000;
		transform:rotate(45deg);
		border-left: 0rpx;
		border-bottom: 0rpx ;
		width: 15rpx;
		height: 15rpx;
	}


	page{
		background-color:#f7f7f7;
	}
	
</style>
